<template>
	<div>

  	<flexbox orient="vertical">
		<flexbox-item >
			<group gutter="0">
		      <cell is-link>
		      	<span class="h3" slot="title">
		      		建设银行
		      	</span>
		      	<span class="h1" slot="inline-desc">
		      		**** **** **** 1234
		      	</span>
		      </cell>


		      <cell is-link>
		      	<span class="h3" slot="title">
		      		招商银行
		      	</span>
		      	<span class="h1" slot="inline-desc">
		      		**** **** **** 1234
		      	</span>
		      </cell>

		      
		    </group>

		</flexbox-item>


		<flexbox-item>
			<yd-button size="large" type="primary" @click.native="edit">
				添加银行卡
			</yd-button>
		</flexbox-item>
	</flexbox>
  		
	</div>
</template>

<script>

import { mapGetters } from 'vuex';
import { Group, Cell } from 'vux';

export default {
	name: 'test',
		data () {
		return {
		  	
		}
	},

	components: {
	    Group,
	    Cell,
	},

	computed : {
		...mapGetters([
			'company_code', 
			'userdata',
		]),

		
	},

	methods : {
		
		edit () {
			this.$router.push({ 
				'name': 'bankcard', 
				'query' : { 
					'company_code' : this.company_code,
				}
			});
		},
	},

	mounted () {
		
		
	}
}
</script>

<style scoped>


</style>
